<template>
<div>
  <div style="height: 80px;width: 100%">
    首页<br>
    传递参数：id={{id}},name={{name}}<br>
  </div>
<div style="display: flex">
  <div style="width: 200px;height: 400px">
    导航栏<br>
    <router-link to="/index/product">商品管理</router-link><br>
    <router-link to="/index/order">订单管理</router-link><br>
    <router-link to="/index/user">用户管理</router-link><br>
    <router-link to="/index/employee">员工管理</router-link><br>
  </div>
  <div style="width: 1000px;height: 400px">
    <router-view/>
  </div>
</div>


</div>
</template>

<script>
export default {
    data(){
        return{
        id:0,
          name:""
      }
    },
created() {
      this.id = this.$route.params.id;
  this.name = this.$route.params.name;
      alert(this.id+" "+this.name);
},
  name: "index"
}
</script>

<style scoped>

</style>